DC.views.RegForm = Ext.extend(Ext.form.FormPanel, {
    defaultInstructions: 'Please enter the information above.',
    initComponent: function(){
        fields = {
            xtype: 'fieldset',
            id: 'contactFormFieldset',
            defaults: {
                labelAlign: 'top',
                labelWidth: '40%',
                required: false,
                useClearIcon: true,
                autoCapitalize : false
            },
            items: [{
                xtype: 'textfield',
                name : 'firstname',
                label: 'First name',
                autoCapitalize : true
            },{
                xtype: 'textfield',
                name : 'lastname',
                label: 'Last name',
                autoCapitalize : true
            },
            {
                xtype: 'textfield',
                name : 'company',
                label: 'Company',
                autoCapitalize : true
            },
            {
                xtype: 'textfield',
                name : 'phone',
                label: 'Work phone',
                autoCapitalize : true
            },
            {
                xtype: 'textfield',
                name : 'mobile',
                label: 'Mobile',
                autoCapitalize : true
            },
            {
                xtype: 'textareafield',
                name : 'address',
                label: 'Address',
                autoCapitalize : true
            },
            {
                xtype: 'textfield',
                name : 'email',
                label: 'Email address',
                autoCapitalize : true
            },
            {
                xtype: 'textfield',
                name : 'password',
                label: 'Password',
                autoCapitalize : true
            },
            {
                xtype: 'textfield',
                name : 'confirmPassword',
                label: 'Confirm Password',
                autoCapitalize : true
            }
            ]
        }
	
        submitButton = new Ext.Button({
            ui  : 'round',
            text: 'Submit'
        })
        
        Ext.apply(this, {
            scroll: 'vertical',
            items: [ fields , submitButton ]
        });
		
        DC.views.SearchForm.superclass.initComponent.call(this);
    }
})

Ext.reg('regform', DC.views.RegForm );
